<html>
<head>
	<meta charset="UTF-8" >
	<link rel="stylesheet" type="text/css" href="css/ajout_maison.css">
    <title>FREEBED</title>
    <link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
	<script src="//code.jquery.com/jquery-1.9.1.js"></script>
	<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
	<link rel="stylesheet" href="/resources/demos/style.css">
	<script>
	$(function() {
	$( ".datepicker" ).datepicker();
	});
	</script>
	</head>
<body>
	
	<div id="maison">

		<h2>Ajouter votre bien</h2>		
		<form method="POST" action="ajout_maison.php" name="ajout_maison" id="maison_form" class="container">

			<label for="location_voie">Adresse :</label><br/>
			<input type="text" id="location_voie" name="location_voie" maxlength="255" required/><br/><br/>
		
			<label for="location_ville">Ville :</label><br/>
			<input type="text" id="location_ville" name="location_ville" maxlength="255" required/><br/><br/>

					
			<label for="location_pays">Pays :</label><br/>
			<input type="text" id="location_pays" name="location_pays" maxlength="255" required/><br/><br/>
	
			<label for="location_ville">Dates de disponibilité :</label><br/>
			<input type="text" name="location_date_debut" style="width:70px;" class="datepicker">   <input type="text" style="width:70px;" name="location_date_fin" class="datepicker"><br/><br/>

			<label for="location_type">Type d'habitat :</label><br/>
			<select name ="location_type" style="width:140px; text-align:center;" >
				<option selected id="1" value="1">Maison</option>
				<option  id="2" value="2">Appartement</option>
			</select><br/><br/>
	
			<label for="location_surface">Surface :</label><br/>
			<input type="text" id="location_surface" placeholder="m²" style="text-align:center;" name="location_surface" maxlength="255" required/><br/><br/>

			<!--<td><label for="location_couv">Photo :</label><br/>
			<td><input type="file" id="location_couv" name="location_couv" accept="image/*" required/><br/><br/> -->
			<td><label for="location_couv">Photo <a href="http://www.zupimages.net/" target="_blank">(URL)</a> :</label><br/>
			<input type="text" id="location_couv" name="location_couv" minlenght="6"  required/><br/><br/>
	
			<label for="location_tarifh">Tarif hebdomadaire :</label><br/>
			<input type="number" style="width:50px;" id="location_tarifh" name="location_tarifh"  minlenght="1" maxlength="6" required/>€<br/><br/>


			<label for="location_tarifj">Tarif journalier :</label><br/>
			<input type="number" style="width:50px;" id="location_tarifj" name="location_tarifj"  minlenght="1" maxlength="6" required/>€ <br/><br/>
	
			<label for="location_desc">Description :</label><br/>
			<input type="textarea" id="location_desc" name="location_desc" maxlength="255" required style="max-height: 200px;max-width: 500px;min-height: 100px;min-width: 350px;" /><br/><br/>

			

		<br/>
		<input id="button" type="submit" name="inscription" value="Créer l'annonce">

		</form>


		</p>

		<br/>

		</fieldset>
		</form>

</div>

</body>
</html>
	